@extends("web.layouts.main")

@section("content")
<section id="page-breadcrumb">
    <div class="vertical-center sun">
        <div class="container">
            <div class="row">
                <div class="action">
                    <div class="col-sm-12">
                        <h4 class="title">“吾日三省吾身”</h4>
                        <p>——————‘为人谋而不忠乎？与朋友交而不信乎？传不习乎？’</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
    <!--/#page-breadcrumb-->
    <section id="blog" class="padding-top">
        <div class="container">
            <div class="row">
                <div class="col-md-9 col-sm-7">
                    <div class="row">
                        @foreach($lists as $list)
                            <div class="col-sm-12 col-md-12">
                                <div class="{{--single-blog --}}{{--single-column--}}">
                                    <div class="post-content overflow" style="padding: 0px 0;">
                                        <h2 class="post-title bold"><a href="/post/{{$list->id}}">{{$list->title}}</a></h2>
                                        <h3 class="post-author">
                                            <a href="/post/type/{{$list->type_id}}"><i class="fa fa-folder"></i> {{$list->type_name}}</a>&nbsp;&nbsp;
                                            <a href="#"><i class="fa fa-calendar"></i> {{$list->created_at}} </a>&nbsp;&nbsp;
                                            {{--<a href="#"><i class="fa fa-heart"></i> {{rand(10,120)}}  </a>&nbsp;&nbsp;--}}
                                            <a href="#"><i class="fa fa-eye"></i> {{rand(5,30)}}  </a>&nbsp;&nbsp;
                                        </h3>
                                        <p>{!! str_limit($list->content,250,'...') !!} <a href="/post/{{$list->id}}" class="read-more">more &raquo;</a></p>
                                        <div class="{{--post-bottom overflow--}}">
                                            <ul class="nav navbar-nav post-nav">
                                                <li style="margin-right: 15px;"><a href="#" style="padding-top: 0px;"><i class="fa fa-tag"></i>PHP</a></li>
                                                <li style="margin-right: 15px;"><a href="#" style="padding-top: 0px;"><i class="fa fa-tag"></i>PHP</a></li>
                                                <li style="margin-right: 15px;"><a href="#" style="padding-top: 0px;"><i class="fa fa-tag"></i>PHP</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="blog-pagination">
                        {{$lists->links()}}
                    </div>
                </div>
                @include("web.layouts.right_nav")
            </div>
        </div>
    </section>
    <!--/#blog-->
@endsection